<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/car.css">
    <link rel="shotcut icon" href="../img/6-favicon.ico">
    <link rel="stylesheet" href="../css/right_sidebar.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../font_le5z9lzqv9s/iconfont.css">
    <link rel="stylesheet" href="../font_5w5hxztpej7/iconfont.css">
</head>
<body>
    <header>
        <div class="headermain">
            <div class="fpage">
                <a href="./index.html">首页</a>
                <a href="./login.html">登录</a>
                <a href="./signIn.html">注册</a>
            </div>
            <div class="mainRight">
                <a href=";javascript:;">
                    <span>1</span>
                    我的购物车
                </a>
                <a href=";javascript:;">
                    <span>2</span>
                    确认订单信息
                </a>
                <a href=";javascript:;">
                    <span>3</span>
                    成功提交订单
                </a>
            </div>
        </div>
    </header>
    <main>
        <div class="bacbig">
            <!-- <div class="bac">
                <div class="bac_small">
                    <p>购物车快饿瘪了，主人快给我挑点宝贝吧</p>
                    <a href="./index.html">马上去逛逛</a>
                </div>
            </div> -->
        </div>
       
        <div class="titlebig">
            <div class="title">
                <span>
                    <input type="checkbox" class="all" checked>
                    <label for="all">全选</label>
                </span> 
                <div class="titleRight">
                    <p>单价</p>
                    <p>数量</p>
                    <p>小计</p>
                    <p>操作</p>
                </div>
            </div>
        </div>
        <div class="commodity">
            
            <!-- <div class="list">
                <div class="listLeft">
                    <input type="checkbox">
                    <a href="./details.html"><img src="../img/3bow1.jpg" alt=""></a>
                    <div class="names">
                        <span>OULE 男女同款个性潮流方框眼镜 商务全框防蓝光近视眼镜框 黑色</span>
                        <span>颜色：黑色</span>
                    </div>
                </div>
                <div class="listRight">
                    <p>￥118.00</p>
                    <div class="inputs">
                        <input type="button" value="-" class="add">
                        <input type="text" value="1" class="center">
                        <input type="button" value="+" class="sub">
                    </div>
                    <p>￥118.00</p>
                    <p><a href="javascript:;">删除</a></p>
                </div>             
            </div> -->
            
        </div>
        <div class="lastbig">
            <div class="last">
                <div class="choose">
                    <a href="./index.html">继续购物</a>
                    <a href="javascript:;" class="buycar">清空购物车</a>
                </div>
                <div class="total">
                    <!-- <span>应付总额：</span>
                    <span>￥${price.toFixed(2)}</span>
                    <a href="javascript:;">去结算</a> -->
                </div>
            </div>
        </div>
        <div class="guessLike">
            <h6>猜你喜欢</h6>
            <ul class="likeCom">
                <!-- <li>
                    <a href="../html/details.html?id=${ele.id}"  target="_blank">
                        <img src="../img/3bow1.jpg" alt="">
                    </a>
                    <div class="pri">
                        ￥ ${ele.price}
                    </div>
                    <span>OULE 超轻纯钛商务近视眼镜框 男士半框时尚眼镜架 大码</span>
                    <a href="../html/car.html?" goodsId="${ele.id}"><input type="button" value="加入购物车"></a>
                </li> -->
            </ul>
        </div>
    </main>
     <!-- --------------尾部-------------- -->
     <footer>

    </footer>
    <!-- 右侧固定栏 -->
    <div id="right">

    </div>

    <script src="../js/jquery-1.10.2/jquery.min.js"></script>
    <script src="../js/jquery-1.10.2/jquery.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/car.js"></script>
    
   
    <script>
        $('footer').load('../html/footer.html');
        //  $('#right').load('../html/right_sidebar.html');
    </script>
</body>
</html>